<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Styles</title>
<style type="text/css">

*	{
	font-family: 'Courier New', Verdana, Tahoma, Helvetica, sans-serif;
}

div.s0	{
	background-color: #ccc;
}

.s3	{
	background-color: #ff0000;
}

</style>

<style type="text/css">

.s0	{
	background-color: #333;
	border: 1px solid #333;
}

div.s0	{
	background-color: #0000ff;
	height: 200px;
	text-align: center;
	width: 200px;
}

</style>

<script type="text/javascript" src="XHTMLDOM_CSS.js"></script>

</head>

<body>

<script type="text/javascript">

var rgb = document.all 
	? ['#ff0000', '#ffff00', '#00ff00', '#00ffff', '#0000ff', '#ff00ff'] 
	: ['rgb(255, 0, 0)', 'rgb(255, 255, 0)', 'rgb(0, 255, 0)', 'rgb(0, 255, 255)', 'rgb(0, 0, 255)', 'rgb(255, 0, 255)'];

document.writeln(rgb);

</script>

<div>Click the square below</div>
<div class="s0" id="tester" onmousedown="this.innerHTML = XHTMLDOM.cssStyleToggle(this, 'background-color', rgb)">Click Me!</div>

</body>
</html>
